<div *ngIf="hero$ | async as hero">
  <h2>英雄详情</h2>
  <h3>"{{ hero.name }}"</h3>
  <div>
    <label>Id: </label>{{ hero.id }}</div>
  <div>
    <label>Name: </label>
    <input [(ngModel)]="hero.name" placeholder="name"/>
  </div>
  <p>
<!--    <button (click)="back(hero.id)" class="btn btn-secondary">Back to Heroes</button>-->
    <button [routerLink]="['/heroes', { id: hero.id }]" class="btn btn-secondary">Back to Heroes</button>
  </p>
</div>
